
.container {
  width: 100%;
  overflow: hidden;

}

.nav{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;

  line-height: 0.8rem;
  background: #fff;
  z-index: 9999;
 
}
.nav ul {

 overflow-x: auto;
width: 100%;
white-space: nowrap;
}
.nav li {
  padding: 0;
  margin: 0;
  height: 1.2rem;
  line-height: 1.2rem;
 width: 2rem;

  display: inline-block;
  font-size: .2933rem;
  margin-right: .38rem;
/* background: red; */
}

.nav li a{
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  width: 100%;
    color: #333333;
    font-size: .4rem;
   
}

.nav li a.avtive {
  border-bottom: 2px solid #c30008;
  color: #c30008;

}


.container .header {
 
  width: 10rem;
  height: 16.5733rem;
  background-size: 100% 100%;
  background-image: url("../image/back_01.png");
}
.origin {
  width: 10rem;
  height: 11.7867rem;

}
.origin img {
  display: block;
  width: 100%;
  height: 100%;
}



.planting {
  width: 10rem;
  height: 31.9067rem;

}
.planting img {
  display: block;
  width: 100%;
  height: 100%;
}


.pressing {
  width: 10rem;
  height: 10.76rem;

}
.pressing img {
  display: block;
  width: 100%;
  height: 100%;
}

.product {
  width: 10rem;
  height: 13.9067rem

}
.product img {
  display: block;
  width: 100%;
  height: 100%;
}
.quality {
  width: 10rem;
  height:10.8667rem;

}
.quality img {
  display: block;
  width: 100%;
  height: 100%;
}